<template>
	<view class="success">
		<image class="success-icon" src="../../static/result/success-icon.png" mode=""></image>
		<view class="success-box">
			<view class="success-text">
				恭喜您!
			</view>
			<view class="success-text">
				本次交易支付成功
			</view>
		</view>
		<u-button :custom-style="successBtn" type="warning" @click="handleToOrder">查看订单</u-button>
	</view>
</template>

<script>
	export default {
		data(){
			return{
				successBtn: {
					width: '308rpx',
					height: '78rpx',
					background: 'linear-gradient(115deg, #FF8A18 0%, #FFB018 100%)',
					boxShadow: '2rpx -3rpx 32rpx 3rpx rgba(246, 208, 63, 0.44)',
					borderRadius: '39rpx',
					fontSize: '34rpx',
					fontWeight: 'bold',
					color: '#FFFFFF',
					marginTop: '200rpx',
				}
			}
		},
		methods: {
			handleToOrder() {
				uni.reLaunch({
					url: '../order/index'
				})
			}
		}
	}
</script>

<style lang="scss">
	.success {
		padding-top: 120upx;

		.success-icon {
			width: 300upx;
			height: 300upx;
			display: block;
			margin: 0 auto;
		}

		.success-box {
			margin-top: 50upx;
			text-align: center;
			font-size: 38upx;
			font-weight: bold;
			color: #666666;
			line-height: 58upx;
		}
	}
</style>
